<template>
	<view class="main">
		<view class="hint">
			输入的姓名和身份证号码必须和上传的照片上面的信息一致。
		</view>
		<view class="card">
			<!-- <image src="" mode=""></image> -->
		</view>
		<view class="form">
			<!-- <u-field label-width="150" v-model="mobile" label="真实姓名" placeholder="请填写真实姓名">
			</u-field>
			<u-field label-width="150" v-model="code" label="身份证号码" placeholder="请填写身份证号码">
			</u-field>
			<u-field label-width="150" v-model="mobile" label="手机号" placeholder="请填写手机号">
			</u-field>
			<u-field label-width="150" v-model="code" label="验证码" placeholder="请填写验证码">
				<u-button size="mini" slot="right" type="success" @click="getCode">{{codeText}}</u-button>
			</u-field> -->
		</view>
		<u-button type="primary" @click="confirm">提交认证</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobile: '',
				code: "",
				codeText: "发送验证码"
			};
		},
		methods: {
			confirm() {

			}
		}
	}
</script>

<style lang="scss">
	.main {
		padding: 26rpx;
		background-color: #fff;

		.hint {
			background-color: #FCEEED;
			color: #C3433A;
			font-size: 28rpx;
			padding: 26rpx;
			border-radius: 20rpx;
		}

		.card {
			width: 100%;
			height: 400rpx;
			background-color: #E9F1FC;
			border-radius: 20rpx;
			margin: 20rpx 0;
		}

		.form {
			margin-bottom: 50rpx;
		}
	}
</style>